@charset "utf-8";
/* CSS Document */

/** ******************** 重置样式************************ **/
html, body, div, p, h1, h2, h3, h4, h5, h6, img, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, hr {
	margin: 0px;
	padding: 0px;
}
body, html {
	width: 100%;
}
body {
	font: 14px "微软雅黑";
}
li {
	list-style-type: none;
	float: left;
}
a {
	text-decoration: none;
	color: #000;
}
.left {
	float: left;
}
.right {
	float: right;
}
img {
	display: inline;/*消除IE中img有间隙*/
	border: 0;/*清楚IE中图片外边框的兼容问题*/
}
em, span {
	font-weight: normal;
	font-style: normal;
}
/** ******************** topbar 部分样式 ***************** **/
#site-topbar {
	width: 100%;
	height: 40px;
	background: #333;
}
.topbar {
	background: #333;
	width: 1226px;
	height: 40px;
	margin: 0 auto;
}
.topbar li {
	border-right: 1px solid #33393d;
	border-left: 1px solid #423d39;
}
.topbar ul a {
	height: 40px;
	line-height: 40px;
	color: #b0b0b0;
	margin: 0px 6px 0px 7px;
	text-align: center;
}
.topbar ul a:hover, .login:hover, .register:hover {
	color: #FFF;
}
.topbar-right {
	height: 40px;
	line-height: 40px;
	width: 200px;
	background: #333;
}
.login {
	color: #b0b0b0;
}
.topbar-right em {
	margin: 0px 5px;
	color: #b0b0b0;
}
.register {
	color: #b0b0b0;
}
.shopCar {
	width: 120px;
	height: 28px;
	line-height: 28px;
	padding: 6px 0px;
	color: #b0b0b0;
	text-indent: 20px;
	background:#424242;
}
.shopCar img {
	position: relative;
	top: 2px;
	left: -5px;
}
.shopCar a {
	color: #b0b0b0;
}
.shopCar a:hover {
	color: #FFF;
	cursor: pointer;
}

#shopCar-list{
	width:315px;
	position:absolute;
	top:40px;
	right:62px;
	display:none;
	background:#FFF;
	box-shadow:3px 3px 3px #CCC;
	
}
/** ******************** search 部分样式 ***************** **/
#search {
	background: #FFF;
	width: 1226px;
	height: 78px;
	margin: 0 auto;
	padding-top: 22px;
}
.logo {
	width: 55px;
	height: 55px;
	background: url(../images/logo1.png) no-repeat;
}
.menu {
	color: #333;
	margin-left: 180px;
	margin-right: 60px;
	display: inline;
}
.menu ul a {
	margin-left: 22px;
	height: 50px;
	line-height: 50px;
}
.menu ul a:hover {
	color: #ff6700;
}

#menu-info{
	width:100%;
	height:230px;
	background:#fff;
	position:absolute;
	top:140px;
	left:0;
	z-index:10;
	box-shadow:3px 3px 3px #CCC;
	border-top:1px solid #e0e0e0;	
	display:none;
}

.search {
	width: 290px;
	height: 48px;
}
.txt {
	height: 48px;
	width: 230px;
	border: 1px solid #CCC;
	font-size: 18px;
	text-indent: 10px;
}
.txt 
/* js操作时，选中文本框时，改变文本框的border样式 */
.txtchecked {
	background: #ff6700;
}

#search-info{
	width:230px;
	height:300px;
	border:1px solid #ff6700;
	position:absolute;
	top:112px;
	right:210px;
	display:none;
}
.btn {
	height: 50px;
	width: 50px;
	background: url(../images/search01.png) no-repeat 50% 50%;
	border: 1px solid #CCC;
	border-left: none;
}
.btn:hover {
	background: #ff6700;
	cursor: pointer;
}
/** ******************** home-hero-container 部分样式 ***************** **/
#home-hero-container {
	width: 1226px;
	height: 1108px;
	margin: 0 auto
}
.home-hero {
	width: 1226px;
	height: 644px;
	margin: 0 auto;
}
.home-hero-slider {
	width: 1226px;
	height: 450px;
	margin: 0 auto;
}
.home-hero-slider-kind {
	width: 235px;
	height: 434px;
	background: #3f5a5d;
	padding-top: 16px;
	float: left;
}
.home-hero-slider-kind ul {
}
.home-hero-slider-kind li {
	clear: both;
	width: 235px;
	height: 42px;
	line-height: 42px;
	cursor: pointer;
}
.home-hero-slider-kind a {
	float: left;
	height: 42px;
	margin-left: 30px;
	color: #FFF;
}
.home-hero-slider-kind li:hover {
	background: #ff6700;
}
.home-hero-slider-kind img {
	float: right;
	position: relative;
	top: 40%;
	right: 10%;
}

#home-hero-kind-info{
	height:450px;
	width:auto;
	position:absolute;
	top:140px;
	left:297px;
	background:#ff6700;
	display:none;
}


.home-hero-slider .banner {
	width: 991px;
	height: 450px;
	background: url(../images/banner3.jpg) no-repeat;
	float: left;
}
.home-hero-sub {
	width: 1226px;
	height: 170px;
	margin: 0 auto;
	padding-top: 14px;
}
.home-hero-sub-left {
	width: 214px;
	height: 150px;
	background: #5f5750;
	padding: 10px;
}
.home-hero-sub-left dl {
	heigth: 70px;
	width: 64px;
}
.home-hero-sub-left dl:hover {
	cursor: pointer;
}
.home-hero-sub-left dl:hover dd {
	color: #FFF;
}
.home-hero-sub-left .dl1 {
	border-right: 1px solid #665e57;
	margin-right: 5px;
}
.home-hero-sub-left .dl2 {
	border-right: 1px solid #665e57;
	margin-right: 5px;
}
.home-hero-sub-left .dl4 {
	margin-top: 5px;
	margin-right: 5px;
	border-top: 1px solid #665e57;
	border-right: 1px solid #665e57;
}
.home-hero-sub-left .dl5 {
	margin-top: 5px;
	margin-right: 5px;
	border-top: 1px solid #665e57;
	border-right: 1px solid #665e57;
}
.home-hero-sub-left .dl6 {
	margin-top: 5px;
	border-top: 1px solid #665e57;
}
.home-hero-sub-left dt {
	width: 64px;
	height: 18px;
	text-align: center;
	padding-top: 17px;
}
.home-hero-sub-left dd {
	width: 64px;
	height: 25px;
	text-align: center;
	padding-top: 10px;
	color: #cfcdcb;
}
.home-hero-sub-right {
	height: 170px;
	margin-left: 14px;
}
.home-hero-sub-right img {
	height: 170px;
	width: 316px;
}
.home-hero-sub-right .distance {
	margin: 0px 15px;
}
/** ******************** J-homeStar(小米明星单品) 部分样式 ***************** **/
.J-homeStar {
	width: 1226px;
	height: 438px;
	margin: 0 auto;
	margin-top: 30px;
}
.J-homeStar-title {
	font-size: 20px;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
}
.J-homeStar-switch {
	height: 50px;
	line-height: 50px;
}
.J-homeStar-switch a {
	display: block;
	float: left;
	width: 34px;
	height: 22px;
	margin-top: 20px;
	border: 1px solid #e0e0e0;
}
.J-homeStar-switch img {
	position: relative;
	top: 21%;
	left: 35%;
}
.J-homeStar-content {
	width: 1226px;
	height:340px;
	overflow:hidden;
}
.J-homeStar-content dl {
	width: 230px;
	height: 340px;
	background: #fafafa;
	margin-right: 15px;
}
.J-homeStar-content dt {
	width: 230px;
	text-align: center;
}
.J-homeStar-content dd {
	width: 230px;
}
.J-homeStar-content p {
	text-align: center;
	line-height: 30px;
}
.J-homeStar-content .p1 {
	color: #b0b0b0;
}
.J-homeStar-content .p2 {
	color: #ff6700;
	margin-top: 10px;
}
/** ******************** container 部分样式 ***************** **/
#container {
	width: 100%;
	height: 4454px;
	background: #f5f5f5;
	margin: 0 auto;
	padding-top: 100px;
}
/** ******************** smart(智能硬件) 部分样式 ***************** **/

.smart {
	width: 1226px;
	height: 686px;
	margin: 0 auto;
}
.smart-title {
	font-size: 20px;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
}
.smart-all a {
	font-size: 16px;
	height: 50px;
	position: relative;
	top: 10px;
}
.smart-all .on{
	color: #ff6700;
}

.smart-all img {
	position: relative;
	top: 5px;
}
.smart-content {
	width: 1226px;
}
.smart-content-slideBar {
	width: 234px;
	height: 614px;
	margin-right: 15px;
	display: inline;/*处理双倍浮向兼容问题*/
}
.smart-content-main {
	width: 977px;
	height: 614px;
}
.smart-content-main dl {
	width: 230px;
	height: 300px;
	background: #FFF;
	margin: 0px 14px 14px 0px;
	display: inline;/*处理双倍浮向兼容问题*/
	position:relative;
}
.smart-content-main dt {
	width: 230px;
	text-align: center;
}
.smart-content-main dd {
	width: 230px;
}
.smart-content-main p {
	text-align: center;
	line-height: 20px;
}
.smart-content-main .p1 {
	color: #b0b0b0;
}
.smart-content-main .p2 {
	color: #ff6700;
	margin-top: 10px;
}
/** ******************** match(搭配) 部分样式 ***************** **/

.match {
	width: 1226px;
	height: 686px;
	margin: 0 auto;
	margin-top: 10px;
}
.match-title {
	font-size: 20px;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
}
.match-switch {
	font-size: 16px;
	height: 50px;
	position: relative;
	top: 10px;
}
.match-switch a {
	margin-right: 20px;
}
.match-content {
	width: 1226px;
}
.match-content-slideBar {
	width: 234px;
	height: 616px;
	margin-right: 15px;
}

.match-content-slideBar a {
	display:block;
}
.match-content-slideBar img {
	margin-bottom: 15px;
}
.match-content-main {
	width: 977px;
	height: 616px;
}
.match-content-main dl {
	width: 230px;
	height: 300px;
	background: #FFF;
	margin: 0px 14px 14px 0px;
	display: inline;/*处理双倍浮向兼容问题*/
}
.match-content-main dt {
	width: 230px;
	text-align: center;
}
.match-content-main dd {
	width: 230px;
}
.match-content-main p {
	text-align: center;
	line-height: 20px;
}
.match-content-main .p1 {
	color: #ff6700;
}
.match-content-main .p2 {
	color: #b0b0b0;
	margin-top: 10px;
}
/** ******************** accessories(配件) 部分样式 ***************** **/

.accessories {
	width: 1226px;
	height: 686px;
	margin: 0 auto;
	margin-top: 10px;
}
.accessories-title {
	font-size: 20px;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
}
.accessories-switch {
	font-size: 16px;
	height: 50px;
	position: relative;
	top: 10px;
}
.accessories-switch a {
	margin-right: 20px;
}
.accessories-content {
	width: 1226px;
}
.accessories-content-slideBar {
	width: 234px;
	height: 616px;
	margin-right: 14px;
}

.accessories-content-slideBar a{
	display: block;
}
.accessories-content-slideBar img {
	margin-bottom: 15px;
}
.accessories-content-main {
	width: 978px;
	height: 616px;
}
.accessories-content-main dl {
	width: 230px;
	height: 300px;
	background: #FFF;
	margin: 0px 14px 14px 0px;
	display: inline;/*处理双倍浮向兼容问题*/
}
.accessories-content-main dt {
	width: 230px;
	text-align: center;
}
.accessories-content-main dd {
	width: 230px;
}
.accessories-content-main p {
	text-align: center;
	line-height: 30px;
}
.accessories-content-main .p1 {
	color: #ff6700;
}
.accessories-content-main .p2 {
	color: #b0b0b0;
	margin-top: 10px;
}
/** ******************** around(周边) 部分样式 ***************** **/

.around {
	width: 1226px;
	height: 686px;
	margin: 0 auto;
	margin-top: 10px;
}
.around-title {
	font-size: 20px;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
}
.around-switch {
	font-size: 16px;
	height: 50px;
	position: relative;
	top: 10px;
}
.around-switch a {
	margin-right: 20px;
}
.around-content {
	width: 1226px;
}
.around-content-slideBar {
	width: 234px;
	height: 616px;
	margin-right: 14px;
}

.around-content-slideBar a{
	display: block;
}
.around-content-slideBar img {
	margin-bottom: 15px;
}
.around-content-main {
	width: 978px;
	height: 616px;
}
.around-content-main dl {
	width: 230px;
	height: 300px;
	background: #FFF;
	margin: 0px 14px 14px 0px;
	display: inline;/*处理双倍浮向兼容问题*/
}
.around-content-main dt {
	width: 230px;
	text-align: center;
}
.around-content-main dd {
	width: 230px;
}
.around-content-main p {
	text-align: center;
	line-height: 30px;
}
.around-content-main .p1 {
	color: #ff6700;
}
.around-content-main .p1 span {
	color: #b0b0b0;
	text-decoration: line-through;
}
.around-content-main .p2 {
	color: #b0b0b0;
	margin-top: 10px;
}
/** ******************** recommend(为你推荐) 部分样式 ***************** **/

.recommend {
	width: 1226px;
	height: 358px;
	margin: 0 auto;
	margin-top: 10px;
	overflow:hidden;
}
.recommend-title {
	font-size: 20px;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
}
.recommend-switch {
	height: 50px;
	line-height: 50px;
}
.recommend-switch a {
	display: block;
	float: left;
	width: 34px;
	height: 22px;
	margin-top: 20px;
	background:#f5f5f5;
	border: 1px solid #e0e0e0;
}
.recommend-switch img {
	position: relative;
	top: 21%;
	left: 35%;
}
.recommend-content {
	width: 1226px;
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
}
.recommend-content dl {
	width: 235px;
	height: 300px;
	background: #fafafa;
	margin-right: 10px;
}
.recommend-content dt {
	width: 235px;
	text-align: center;
}
.recommend-content dd {
	width: 235px;
}
.recommend-content p {
	text-align: center;
	line-height: 30px;
}
.recommend-content .p1 {
	color: #b0b0b0;
}
.recommend-content .p2 {
	color: #ff6700;
	margin-top: 10px;
}
/** ******************** comment(热评产品) 部分样式 ***************** **/

.comment {
	width: 1226px;
	height: 473px;
	margin: 0 auto;
}
.comment-title {
	font-size: 20px;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
}
.comment-content dl {
	width: 295px;
	height: 415px;
	background: #fafafa;
	margin-right: 10px;
}
.comment-content dt {
	width: 295px;
	text-align: center;
}
.comment-content dd {
	width: 295px;
}
.comment-content dd p {
	line-height: 25px;
	width: 235px;
	margin: 0 auto;
}
.comment-content dd .p1 {
	margin-top: 20px;
	height: 100px;
	font-size: 16px;
}
.comment-content dd .p2 {
	color: #b0b0b0;
}
.comment-content .p3 em {
	margin: 0px 5px;
}
.comment-content .p3 span {
	color: #ff6700;
}
/** ******************** content(内容) 部分样式 ***************** **/

.content {
	width: 1226px;
	height: 478px;
	margin: 0 auto;
	margin-top: 10px;
}
.content-title {
	font-size: 20px;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
}
/* js操作动态设置上边框和title字体颜色 */
.content-main div {
	width: 295px;
	height: 375px;
	padding-top: 45px;
	border-top: 1px solid #ff6700;
	margin-right: 10px;
}
.content-main h3 {
	text-align: center;
	color: #ff6700;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
}
/** ******************** video(视频) 部分样式 ***************** **/

.video {
	width: 1226px;
	height: 343px;
	margin: 0 auto;
	margin-top: 10px;
}
.video-title {
	font-size: 20px;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
}
.video-all a {
	font-size: 16px;
	height: 50px;
	position: relative;
	top: 10px;
}
.video-all a:hover {
	color: #ff6700;
}
.video-all img {
	position: relative;
	top: 5px;
}
.video-content {
	width: 1226px;
	height: 285px;
}
.video-content dl {
	width: 295px;
	height: 285px;
	margin-right: 10px;
	display: inline;
	position:relative;/*为JS控制dl运动时设置相对定位*/
}
.video-content dt {
	width: 295px;
	margin-bottom: 20px;
	position:relative;
}
.video-content dt span{
	position:absolute;
	top:145px;
	left:20px;
	display:block;
	width:30px;
	height:20px;
	background:#333;
	opacity:0.6;
	filter:alpha(opacity=60);
	border:2px solid #FFF;
	border-radius:35%;
}
.video-content dt span img{
	position:relative;
	top:25%;
	left:40%;
}
.video-content dd {
	width: 240px;
	margin: 0 auto;
}
.video-content dd p {
	line-height: 30px;
	text-align: center;
}
.video-content dd .p1 {
}
.video-content dd .p2 {
	color: #b0b0b0;
	font-size: 12px;
}
/** ******************** site-footer 部分样式 ***************** **/
#site-footer {
	width: 1226px;
	height: 272px;
	margin: 0 auto;
	background: #FFF;
}
.footer-service {
	width: 1226px;
	height: 80px;
	margin: 0 auto;
}
.footer-service {
	height: 80px;
	width: 1226px;
	border-bottom: 1px solid #e0e0e0;
}
.footer-service ul {
	height: 80px;
	width: 1226px;
}
.footer-service li {
	width: 244px;
}
.footer-service a {
	display: block;
	color: #616161;
	font-size: 18px;
	height: 32px;
	line-height: 32px;
	margin-left: 62px;
	margin-top: 24px;
	border-right: 1px solid #e0e0e0;
}
.footer-service a img {
	position: relative;
	top: 5px;
	left: -5px;
}

.footer-service .a {
	border-right: 0;
}
.footer-links {
	width: 1226px;
	height: 192px;
	margin: 0 auto;
	margin-top: 50px;
}
.footer-links-main {
	width: 975px;
	height: 116px;
	border-right: 1px solid #e0e0e0;
}
.footer-links-main dl {
	width: 80px;
	height: 116px;
	margin-right: 80px;
	display: inline;/*处理双倍浮向兼容问题*/
}
.footer-links-main dt {
	height: 40px;
	color: #424242;
	font-size: 16px;
	font-weight: 600;
}
.footer-links-main dd {
	line-height: 25px;
}
.footer-links-main dd a {
	color: #757575;
}
.footer-links-main dd a:hover {
	color: #ff6700;
}
.footer-links-service {
	width: 250px;
	height: 116px;
}
.footer-links-service .p1 {
	color: #ff6700;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
}
.footer-links-service .p2, .footer-links-service .p3 {
	color: #616161;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
.footer-links-service .p4 {
	text-align: center;
	border: 1px solid #ff6700;
	width: 118px;
	height: 28px;
	line-height: 28px;
	margin: 20px auto;
}
.footer-links-service .p4 a {
	color: #ff6700;
}
.footer-links-service .p4 a img{
	margin-right:2px;
}

/** ******************** site-info 部分样式 ***************** **/
#site-info {
	width: 100%;
	height: 142px;
	background: #fafafa;
	margin: 0 auto;
	padding-top: 24px;
}
.site-info-main {
	width: 1226px;
	height: 57px;
	margin: 0 auto;
}
.site-info-subMap {
	height: 56px;
	width: 800px;
}
.site-logo {
	width: 56px;
	height: 57px;
	background: url(../images/logo2.png) no-repeat;
	margin-right: 10px;
}
.site-subMap-content p {
	font-size: 12px;
	line-height: 18px;
}
.site-subMap-content .p1 em {
	margin-left: 3px;
	margin-right: 4px;
	color: #ccbaba;
}
.site-subMap-content .p1 a {
	color: #757575;
}
.site-subMap-content .p1 a:hover {
	color: #ff6700;
}
.site-subMap-content .p2, .site-subMap-content .p3 {
	color: #b0b0b0;
}
.site-subMap-content .p2 a {
	color: #b0b0b0;
}
.site-subMap-content .p2 a:hover {
	color: #ff6700;
}
.site-info-honour {
	margin-left: 80px;
	width: 346px;
	height: 56px;
}
.site-info-ads {
	width: 1226px;
	height: 25px;
	padding: 40px;
	margin: 0 auto;
}
.site-info-ads p {
	font: 20px "楷体";
	text-align: center;
	color: #bababa;
}
